<template>
<div>
  <keep-alive exclude="detail"><router-view></router-view></keep-alive>
    <tabbar>
      <item path='/home' color='pink'>
        <img src="..\..\..\assets\img\tabbar\category_active.svg" alt="" slot="a1">
        <img src="..\..\..\assets\img\tabbar\category.svg" alt="" slot="a11">
        <div slot="a2">首页</div>
      </item>
      <item path='/s2' color='pink'>
        <img src="..\..\..\assets\img\tabbar\home_active.svg" alt="" slot="a1">
        <img src="..\..\..\assets\img\tabbar\home.svg" alt="" slot="a11">
        <div slot="a2">分类</div>
      </item>
      <item path='/s3' color='pink'>
        <img src="..\..\..\assets\img\tabbar\profile_active.svg" alt="" slot="a1">
        <img src="..\..\..\assets\img\tabbar\profile.svg" alt="" slot="a11">
        <div slot="a2">购物车</div>
      </item>
      <item path='/s4' color='pink'>
        <img src="..\..\..\assets\img\tabbar\shopcart_active.svg" alt="" slot="a1">
        <img src="..\..\..\assets\img\tabbar\shopcart.svg" alt="" slot="a11">
        <div slot="a2">我的</div>
      </item>

    </tabbar>
</div>
</template>

<script>
import tabbar from '../../common/tabbar/tabbar.vue'
import item from '../../common/tabbar/item.vue'
export default {
  name:"maintabbar",
  components:{
      tabbar,
      item
  }
}
</script>

<style>

</style>